<style type="text/css">
#navlist {
	display:none;
	background:#fff url(<?php echo HOSTNAME;?>/img/navbg.jpg);
	height:600px;
}
.navlist_block {
	width: 300px;
	margin: 0px 0px 20px 0px;
}

.navlist_block ul {
	width: 300px;
	margin: 0px; padding: 0px;
}

.navlist_block li {
	width: 300px;
	float:left;
	width: 125px;
	display:inline-block;
	padding:5px;
	border-bottom:1px dotted #888888;
	margin: 0px 10px 0px 0px;
}
.navlist_block h2 {
	color: #990000;
}

.navlist_block li a {
	color: #ff4a37;
	display:block;
	padding: 5px;
}

.navlist_block li a:hover {
	color: #990000;
	background: #fff;
}

</style>
<div id="navlist">
	
<?php
App::import('Model', 'Cuisine');
$this->Cuisine = new Cuisine();
$data = $this->Cuisine->latest(12);

$content = '<div id="cuisines_lists" class="navlist_block clearfix"><h2>Cuisine</h2><ul>';	
foreach($data as $Cuisine) {
	$url_path = HOSTNAME.'/albums/cuisines/'.$Cuisine['Cuisine']['id'];
	$content .= '<li><a href="'.$url_path.'">'.$Cuisine['Cuisine']['title'].'</a></li>';
} 
$content .= '</ul></div>';


$specials = 
array(
'Burger',
'Breads',
'Barbeque',
'Desert',
'Steak',
'Pizza',
'Salad',
'Healthy',
'Designer',
'Wrapper',
'Noodles',
'Sweets',
'Fastfood',
'Cakes',
'Monthly Dish',
'Epic',
'Arty-Fatsy');

$content .= '<div id="specials_lists" class="navlist_block clearfix"><h2>Specials</h2><ul>';
$counta = count($specials);
foreach ($specials as $keys => $item) {
	$content .= '<li><a href="#">'.$item.'</a></li>';
}
$content .= '</ul></div>';



?>

<div style="padding: 40px;">
	<?php echo $content; ?>
</div>
	
</div>